<script setup lang='ts'>
import { ref } from 'vue';

const showDialog=ref(false)
const btn=()=>{
  showDialog.value=true
}
</script>

<template>
<div class="father">
<button @click="btn">显示</button>
<Teleport to="body">
<XtxDialog title="大大大标题" v-model:visible="showDialog" >
     <ul>
          <li>123</li>
          <li>123</li>
          <li>123</li>
          <li>123</li>
     </ul>
     <template #footer>
        <XtxButton type="gray" style="margin-right: 20px">取消</XtxButton>
        <XtxButton type="primary">确认</XtxButton>
     </template>
 </XtxDialog>
</Teleport>
</div>
</template>

<style scoped>
</style>
